<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>javascript 阶段</title>
    <style>
        .list {
            padding: 0;
            margin: 0;
            list-style: none;
        }

        .list li {
            height: 40px;
            background-color: #f0f0f0;
            margin-bottom: 10px;
        }
        .list li div {
            height: 40px;
            text-align: right;
            line-height: 40px;
            color: #fff;
        }
        .list li:nth-child(1) div {
            background-color: red;
        }
        .list li:nth-child(2) div {
            background-color: yellowgreen;
        }
        .list li:nth-child(3) div {
            background-color: deepskyblue;
        }
        .list li:nth-child(4) div {
            background-color: orange;
        }
    </style>
</head>
<body>

    
            <ul class="list">
                <li><div style="width: 60px;">6 </div></li>
                <li><div style="width: 20px;">2 </div></li>
                <li><div style="width: 70px;">7 </div></li>
                <li><div style="width: 30px;">3 </div></li>
            </ul> 
   



    <script>

        //如果摘得1枚奖牌  用10px来表示!

        // 定义函数 产生不同国家的数据
        function createData(lenth) {// 作用域1
            // 获得奖牌的数量
            var len = lenth ;
            // 返回函数
            return function(){ // 作用域2
                len += 1;

                return len;// 返回奖牌的数量
            }
        }

        // 国家1
        var guojia_first =  createData(6);
        var v1 = guojia_first();
        console.log(v1);


        // 国家2
        var guojia_second =  createData(2);
        var v2 = guojia_second();
        console.log(v2);

        // 国家3
        var guojia_third =  createData(7);
        var v3 = guojia_third();
        console.log(v3);

        // 国家4
        var guojia_fourth =  createData(3);
        var v4 = guojia_fourth();
        console.log(v4);



        // 要求:
            // 当前
            // 国家1获取 6枚奖牌
            // 国家2获取 2枚奖牌
            // 国家3获取 7枚奖牌
            // 国家4获取 3枚奖牌

        // 按照上述要求,展示每个国家当前奖牌的数据









    </script>
</body>
</html>